type PropsType = {
  color: string;
  onClick: () => void;
};

export default function Dislike({ color, onClick }: PropsType) {
  return (
    <svg
      cursor="pointer"
      width="28"
      height="25"
      viewBox="0 0 28 25"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M0.666645 0.333328H3.33331C4.06665 0.333328 4.66665 0.933328 4.66665 1.66666V13.6667C4.66665 14.4 4.06665 15 3.33331 15H0.666645V0.333328ZM27.1066 9.82666C27.2533 10.16 27.3333 10.52 27.3333 10.8933V12.3333C27.3333 13.8 26.1333 15 24.6666 15H17.3333L18.56 21.2C18.6266 21.4933 18.5866 21.8133 18.4533 22.08C18.1466 22.68 17.76 23.2267 17.28 23.7067L16.6666 24.3333L8.11998 15.7867C7.61331 15.28 7.33331 14.6 7.33331 13.8933V3.45333C7.33331 1.73333 8.73331 0.333328 10.4533 0.333328H21.2533C22.2 0.333328 23.0666 0.826661 23.5466 1.62666L27.1066 9.82666Z"
        fill={color}
        fillOpacity="0.54"
        onClick={onClick}
      />
    </svg>
  );
}
